<h2><?= $mail->title ?></h2>
<br>
<div class="scrollable">
	<div class="tabulation" data-id="tabs-1">
		<a class="element active" data-id="tab-1">Сообщение</a>
		<a class="element" data-id="tab-2">Справочник</a>
	</div>
	<form id="send_message" action="<?= CHtml::normalizeUrl(array('settings/editMailTemplate', 'action'=>'save', 'id'=>$mail->id))?>" method="POST">
		<div class="tabs" id="tabs-1">
			<div class="tab active" id="tab-1">
				<table class="step-right">
					<tr>
						<td>Тема сообщения:</td>
						<td><input type="text" class="input" name="mail_title" required id="name" value="<?= $mail->mail_title ?>"></td>
					</tr>
					<tr>
						<td>Текст сообщения:</td>
						<td></td>
					</tr>
					<tr>
						<td colspan="3">
							<textarea name="body" class="input wide"><?= $mail->body ?></textarea>
						</td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
					</tr>
				</table>
			</div>
			<div class="tab" id="tab-2">
				<table class="step-right">
					<tr>
						<td>Данные значения можно использовать как в тексте сообщения так и в теме сообщения</td>
						<td></td>
					</tr>
					<tr>
						<td>
							<b>{name}</b> - Имя пользователя<br>
							<b>{mail}</b>  - Электронный адрес пользователя<br>
							<b>{message}</b>  - Сообщение<br>
							<b>{login}</b>  - Логин<br>
							<b>{password}</b>  - Пароль<br>
							<b>{number_order}</b>  - Номер заказа<br>
							<b>{restaurant}</b>  - Название ресторана<br>
							<b>{address}</b>  - Адрес<br>
							<b>{phone}</b>  - Телефон<br>
							<b>{price_items}</b>  - Сумма заказа<br>
							<b>{delivery_price}</b>  - Стоимость доставки<br>
							<b>{full_price}</b>  - Всего к оплате<br>
							<b>{items}</b>  - Заказаный товар<br>
						</td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
					</tr>
				</table>
			</div>
			<div id="loader" class="websymbol save-btn" ><input type="submit" class="btn-green save-btn" id="send" value="Сохранить"/></div>

		</div>
	</form>
</div>

<script type="text/javascript">

	var editor;
	$(function(){
		$('.tabulation .element').click(function () {
			$('.tabulation .element').removeClass('active');
			$(this).addClass('active');
			$('#' + $(this).parent().data('id') + ' > .tab').hide();
			$('#' + $(this).data('id')).show();

		});
		editor = CKEDITOR.replace( 'body',
			{
				filebrowserBrowseUrl :'/instinct/js/ckeditor/filemanager/browser/default/browser.html?Connector=/instinct/js/ckeditor/filemanager/connectors/php/connector.php',
				filebrowserImageBrowseUrl : '/instinct/js/ckeditor/filemanager/browser/default/browser.html?Type=Image&Connector=/instinct/js/ckeditor/filemanager/connectors/php/connector.php',
				filebrowserFlashBrowseUrl :'/instinct/js/ckeditor/filemanager/browser/default/browser.html?Type=Flash&Connector=/instinct/js/ckeditor/filemanager/connectors/php/connector.php',
				filebrowserUploadUrl  :'/instinct/js/ckeditor/filemanager/connectors/php/upload.php?Type=File',
				filebrowserImageUploadUrl : '/instinct/js/ckeditor/filemanager/connectors/php/upload.php?Type=Image',
				filebrowserFlashUploadUrl : '/instinct/js/ckeditor/filemanager/connectors/php/upload.php?Type=Flash',
				width: '90%'
			});

		$('.popup-outer').click(function() {
			editor.destroy();
		});
		/*$("#name").on("keyup", function() {
		 $("#url").val($('#name').val().translit())
		 });*/
	});
</script>